// -------------------------------渲染数据，获取分类
function getCategory (){
$.ajax({
url:'/my/category/list',
success:function(res){
if(res.status===0){
// console.log(res)
let str = ''
res.data.forEach(element => {
  str += ` <tr>
            <td>${element.name}</td>
            <td>${element.alias}</td>
            <td>
              <button type="button" 
              class="layui-btn layui-btn-xs"    
              id = 'reset'
              data-id='${element.id}'
              data-name='${element.name}'
              data-alias='${element.alias}'>
              
                编辑
              </button>
              <button
              data-id='${element.id}'
                 type="button"
                class="layui-btn layui-btn-danger layui-btn-xs"
              >
                删除
              </button>
            </td>
            </tr>`
});
$('tbody').html(str)
}
}
}) 
}
getCategory ()

// -------------------------------点击添加按钮，添加分类到tbody中
$('button:contains("添加类别")').on('click',function(){
  // 设置弹出层
  let addIndex;
  addIndex = layer.open({
    type: 1,
    title: '添加类别',
    content: $('#layuiMessage').html(),
    area: ['500px', '250px']
  });
  // 提交数据到服务器，渲染页面更新
  $('body').on('submit','#add-form',function(e){
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
      type:'POST',
      url:'/my/category/add',
      data:data,
      success:function(res){
      if(res.status===0){
        // 添加成功，关闭弹层，提示信息，刷新页面
        layer.msg(res.message)
        getCategory ()
        layer.close(addIndex)
      }
      }
    })
  })
})

// -------------------------------点击编辑按钮，弹出框，对应显示分类内容
// 事件委托
let resetIndex;
$('tbody').on('click','#reset',function(){
  // 设置弹出层
 let shuju = $(this).data()
  resetIndex = layer.open({
    type: 1,
    title: '编辑分类',
    content: $('#resetMessage').html(),
    area: ['500px', '250px']
  });
  // 数据回填
  $('#reset-form input[name=name]').val(shuju.name)
  $('#reset-form input[name=alias]').val(shuju.alias);
  $('#reset-form input[name=id]').val(shuju.id);

})

// -------------------------------修改完成后提交服务器，关闭弹层并更新页面
$('body').on('submit','#reset-form',function(e){
e.preventDefault()
let data = $(this).serialize()
$.ajax({
  type:'POST',
  url:'/my/category/update',
  data:data,
  success:function (res){
    if(res.status===0){
      // 添加成功，关闭弹层，提示信息，刷新页面
      layer.msg(res.message)
      getCategory ()
      layer.close(resetIndex)
    }
  }
})
})

// -------------------------------删除功能
$('body').on('click','button:contains("删除")',function(){
  // 询问是否删除
  let id = $(this).data('id')
  layer.confirm('确定要删除?', function(index){
    
 $.ajax({
   url:'/my/category/delete',
   data:{id:id},
   success:function(res){
if(res.status===0){
  layer.msg(res.message)
  getCategory ()
}
   }
 })
    layer.close(index);
  });
})


